<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="styles/spin.css" />
    <script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="scripts/spin.js"></script>
</head>
<body>
<input type="button" value="单一载入" id="single"/>&nbsp;<input type="button" value="全局载入" id="global"/>&nbsp;&nbsp;<a
        href="setting/">设置</a>
<br/>
<!--<div class="floatwindow ie6_floatwindow"></div>-->
<!--<div class="masklayer ie6_masklayer"></div>-->
<div id="testDiv" style="position:absolute;left:800px;top:400px;width:300px;height:200px;border:1px solid green">
    44<br/>
    45<br/>
    46<br/>
    47<br/>
    48<br/>
    49<br/>
    50<br/>
</div>
1<br/>
2<br/>
3<br/>
4<br/>
5<br/>
6<br/>
7<br/>
8<br/>
9<br/>
10<br/>
11<br/>
12<br/>
13<br/>
14<br/>
15<br/>
16<br/>
17<br/>
18<br/>
19<br/>
20<br/>
21<br/>
22<br/>
23<br/>
24<br/>
25<br/>
26<br/>
27<br/>
28<br/>
29<br/>
30<br/>
31<br/>
32<br/>
33<br/>
34<br/>
35<br/>
36<br/>
37<br/>
38<br/>
39<br/>
40<br/>
41<br/>
42<br/>
43<br/>
44<br/>
45<br/>
46<br/>
47<br/>
48<br/>
49<br/>
50<br/>
<script type="text/javascript">
    $(function () {
        /**
         * 单一载入
         */
        $("#single").click(function () {
            $("#testDiv").loading(true,{
                length:10
            });
            setTimeout(function () {
                $("#testDiv").loading(false);
            }, 3000);
        });
        /**
         * 全局载入
         */
        $("#global").click(function () {
            $("window").loading();
            setTimeout(function () {
                $("window").loading(false);
            }, 2000);

        });
    });
</script>
</body>
</html>